IE你够了！CSS选择器

做一个用CSS能随心所欲对DOM操作的前端工程师吧。但是，我们必须要把心头的痛体会清楚！了解IE对CSS选择器的支持，在psd2html时，根据需求来使用。

IE6

额，首先，IE6是不支持属性选择器的，但>=IE6的IE都支持

问：什么是 属性选择器？

属性选择器长这样。

img[src^="alert"]      /*在img元素src属性里以alert开头的均满足选择条件*/
img[src$="alert"]      /*在img元素src属性里以alert结尾的均满足选择条件*/
img[src*="alert"]      /*只要src包含alert字符就满足条件*/
img[src~="us"]         /*必须src里的us前有空格才满足条件*/
img[src|="us"]         /*必须src里的us前有-才满足条件*/

其次，IE6是不支持+ ~ > 这三个选择器，还有:lang(en-us)、:first-line、:first-letter.
IE6是支持:link / :visited /:hover/ :active /:enabled/ :disabled

IE8

IE8不支持以下选择器：（以下>=IE9，均支持）:

 /*如果觉得陌生可以自己去查看文档，这里主要是总结IE对css选择器的支持情况*/
 input:not([type='submit'])
 :target
 :nth-child()
 :nth-last-child()
 :nth-of-type()
 :first-child
 :last-child
 :first-of-type
 :last-of-type
 :only-child
 :only-of-type
 :empty

非常爱的:before :after IE8是支持的！

如果你喜欢这篇文章，轻轻推荐一下